import React, { Component } from 'react';

import { Checkbox } from 'antd';

import ReduxAa from './ReduxAa'


class ReduxA extends Component {
  state = {
    checked: true,
  }
  
  onChangeA = (e) => {
    console.log(`checked = ${e.target.checked}`);
    this.setState({
      checked: e.target.checked,
    });
  }

  render() {
    return (
      <div>
        <Checkbox 
          checked={this.state.checked}
          onChange={this.onChangeA}>
          ReduxA
        </Checkbox>

        <div>
          <ReduxAa />
        </div>
      </div>
    )
  }

}

export default ReduxA;